<template>
    <div style="">
        <div>
            <IndexTop></IndexTop>

            <IndexHeader></IndexHeader>
            <br>
            <br>
            <br>
            <br>
            <div style="width: 1450px;margin: 0 auto;display: flex">
                <el-image class="destination-detail-item-img" fit="cover"
                          style="margin-left: 70px;width:500px;display: block"
                          :src="require('@/assets/img/详情.jpg')"
                          alt="">
                </el-image>
                <div style="margin-left: 30px;border-bottom: 6px solid #2569A4;height: 60px;width: 700px ">
                    新加坡酒店
                    <div style="margin-top: 50px">
            <span style="font-size: 16px">有点甜价：<span style="color: #FF6600;font-size: 25px">￥741.0</span>
</span> <span style="margin-left: 10px;color: #999999;text-decoration: line-through">市场价:900</span>
                    </div>
                    <div style="display: flex;margin-top: 10px;margin-bottom: 10px">
                        <div class="canshu"
                             style="font-size: 15px;border: 1px solid #1ABC9C;padding: 0px 6px;color: #1ABC9C">五日
                        </div>
                        <div class="canshu"
                             style="margin-left: 10px;font-size: 15px;border: 1px solid #1ABC9C;padding: 0px 6px;color: #1ABC9C">
                            七日
                        </div>
                        <div class="canshu"
                             style="margin-left: 10px;font-size: 15px;border: 1px solid #1ABC9C;padding: 0px 5px;color: #1ABC9C;text-align: center">
                            十四日
                        </div>
                    </div>
                    <div style="font-size: 15px">
                        剩余库存：100
                    </div>
                    <div style="display: flex;align-items: center">
                        库存：
                        <div style="cursor:pointer;width: 30px ;height: 30px;border: 1px solid #EBEBEB;text-align: center">
                            -
                        </div>
                        <el-input style="width: 50px;height: 40px;border: 1px solid #EBEBEB;text-align: center">1
                        </el-input>
                        <div style="cursor:pointer;width: 30px;height: 30px;border: 1px solid #EBEBEB;text-align: center;line-height: 30px">
                            +
                        </div>
                        <div style="cursor:pointer;margin-left: 10px;font-weight: 600;color: #ffffff;background-color: #F63863;text-align: center;padding: 5px 10px ">
                            立即下单
                        </div>
                    </div>
                </div>

            </div>
            <!--                    产品描述-->
            <div class="description" style="width: 1450px;margin: 0 auto;">
                <div style="border: 1px solid #ECE3DE;border-bottom: 0;width: 70px;border-bottom: transparent">
                    商品参数
                </div>
                <div style="width: 100%;border: 1px solid #ECE3DE;padding: 20px 20px">
                    感谢您光临本店,您的满意是我们永恒的追求，售后如有任何问题建议请联系我们，我们将积极妥
                    <p> 出游天数 : 十四日游
                    </p>
                    <p> 目的地 : 北欧
                    </p>
                    <p> 法国+瑞士+意大利+德国10-14日游欧洲年度爆款超3400人出游含卢浮宫门票蒙帕纳斯大厦登顶
                    </p>
                </div>
            </div>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <Foot></Foot>
        </div>

    </div>
</template>

<script>
    import Foot from "../components/bottom/Foot";
    import PurchaseTicketTop from "../components/top/PurchaseTicketTop";
    import IndexHeader from "../components/top/IndexHeader";
    import IndexTop from "../components/top/IndexTop";

    export default {
        components: {
            PurchaseTicketTop,
            IndexHeader,
            IndexTop,
            Foot
        }
        ,
        name: "PurchaseHotel"
    }
</script>

<style scoped>
    .canshu {
        transition: all 0.5s;
        cursor: pointer;
    }

    .canshu:hover {
        color: #ffffff !important;
        background-color: #1ABC9C;
    }
</style>